<div class="status-selector-wrapper">
    <!--[ngClass]="{'skin-bgc':index === selectIdx}"-->
    <div class="selector-item"
         *ngFor="let item of selectorData;let index = index;"
         [ngClass]="{'skin-bgc':index === selectIdx}"
         [class.active]="index === selectIdx"
         (mouseenter)="toggleBgColor($event)"
         (mouseleave)="toggleBgColor($event)"
         (click)="changeIndex(index)">
        <span class="current-task">{{item.status}}</span>
        <span class="number">({{item.total}})</span>
    </div>
</div>
